<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>收货地址</title>
    <link rel="stylesheet" href="style/base.css" type="text/css">
    <link rel="stylesheet" href="style/global.css" type="text/css">
    <link rel="stylesheet" href="style/header.css" type="text/css">
    <link rel="stylesheet" href="style/home.css" type="text/css">
    <link rel="stylesheet" href="style/address.css" type="text/css">
    <link rel="stylesheet" href="style/bottomnav.css" type="text/css">
    <link rel="stylesheet" href="style/footer.css" type="text/css">

    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/header.js"></script>
    <script type="text/javascript" src="js/home.js"></script>

</head>
<body>
<div id="app">
    <!-- 顶部导航 start -->
    <topnav_topnav></topnav_topnav>
    <!-- 顶部导航 end -->

    <div style="clear:both;"></div>
    <!-- 头部 start -->
    <div class="header w1210 bc mt15">
        <!-- 头部上半部分 start 包括 logo、搜索、用户中心和购物车结算 -->
        <div class="logo w1210">
            <h1 class="fl"><a href="index.html"><img src="images/logo.png" alt="商城"></a></h1>
            <!-- 头部搜索 start -->
            <cephalosome_navitems_search></cephalosome_navitems_search>
            <!-- 头部搜索 end -->

            <!-- 用户中心 start-->
            <cephalosome_navitems_user></cephalosome_navitems_user>
            <!-- 用户中心 end-->

            <!-- 购物车 start -->
            <cephalosome_navitems_cart></cephalosome_navitems_cart>
            <!-- 购物车 end -->
        </div>
        <!-- 头部上半部分 end -->

        <div style="clear:both;"></div>

        <!-- 导航条部分 start -->
        <div class="nav w1210 bc mt10">
            <!--  商品分类部分 start-->
            <div class="category fl cat1"> <!-- 非首页，需要添加cat1类 -->
                <div class="cat_hd">  <!-- 注意，首页在此div上只需要添加cat_hd类，非首页，默认收缩分类时添加上off类，鼠标滑过时展开菜单则将off类换成on类 -->
                    <h2>全部商品分类</h2>
                    <em></em>
                </div>

                <div class="cat_bd none">
                    <cephalosome_navitems_body></cephalosome_navitems_body>
                </div>

            </div>
            <!--  商品分类部分 end-->
            <cephalosome_navitems></cephalosome_navitems>
        </div>
        <!-- 导航条部分 end -->
    </div>
    <!-- 头部 end-->

    <div style="clear:both;"></div>

    <!-- 页面主体 start -->
    <div class="main w1210 bc mt10">
        <div class="crumb w1210">
            <h2><strong>我的XX </strong><span>> 我的订单</span></h2>
        </div>

        <!-- 左侧导航菜单 start -->
        <div class="menu fl">
            <h3>我的XX</h3>
            <my_menu_menu_wrap></my_menu_menu_wrap>
        </div>
        <!-- 左侧导航菜单 end -->

        <!-- 右侧内容区域 start -->
        <div class="content fl ml10">
            <div class="address_hd">
                <h3>收货地址薄</h3>
                <dl>
                    <dt>1.小明 北京市 昌平区 建材城西路金燕龙办公楼一层 13555555555</dt>
                    <dd>
                        <a href="">修改</a>
                        <a href="">删除</a>
                        <a href="">设为默认地址</a>
                    </dd>
                </dl>
                <dl class="last"> <!-- 最后一个dl 加类last -->
                    <dt>2.小明 湖北省 武汉市 武昌 关山光谷软件园1号201 13333333333</dt>
                    <dd>
                        <a href="">修改</a>
                        <a href="">删除</a>
                        <a href="">设为默认地址</a>
                    </dd>
                </dl>

            </div>

            <div class="address_bd mt10">
                <h4>新增/修改收货地址</h4>
                <form action="" name="address_form">
                    <ul>
                        <li>
                            <label for=""><span>*</span>收 货 人：</label>
                            <input type="text" name="" class="txt"/>
                        </li>
                        <li>
                            <label for=""><span>*</span>所在地区：</label>
                            <select name="" id="">
                                <option value="">请选择</option>
                                <option value="">北京</option>
                                <option value="">上海</option>
                                <option value="">天津</option>
                                <option value="">重庆</option>
                                <option value="">武汉</option>
                            </select>

                            <select name="" id="">
                                <option value="">请选择</option>
                                <option value="">朝阳区</option>
                                <option value="">东城区</option>
                                <option value="">西城区</option>
                                <option value="">海淀区</option>
                                <option value="">昌平区</option>
                            </select>

                            <select name="" id="">
                                <option value="">请选择</option>
                                <option value="">西二旗</option>
                                <option value="">西三旗</option>
                                <option value="">三环以内</option>
                            </select>
                        </li>
                        <li>
                            <label for=""><span>*</span>详细地址：</label>
                            <input type="text" name="" class="txt address"/>
                        </li>
                        <li>
                            <label for=""><span>*</span>手机号码：</label>
                            <input type="text" name="" class="txt"/>
                        </li>
                        <li>
                            <label for="">&nbsp;</label>
                            <input type="checkbox" name="" class="check"/>设为默认地址
                        </li>
                        <li>
                            <label for="">&nbsp;</label>
                            <input type="submit" name="" class="btn" value="保存"/>
                        </li>
                    </ul>
                </form>
            </div>
        </div>
        <!-- 右侧内容区域 end -->
    </div>
    <!-- 页面主体 end-->

    <div style="clear:both;"></div>

    <!-- 底部导航 start -->
    <topnav_bottomnav></topnav_bottomnav>
    <!-- 底部导航 end -->

    <div style="clear:both;"></div>
    <!-- 底部版权 start -->
    <topnav_bottom></topnav_bottom>
    <!-- 底部版权 end -->
</div>
<script src="js/vue.js"></script>
<script src="js/axios-min.js"></script>
<script src="js/mock-min.js"></script>
<script src="js/api.js"></script>
<script src="js/mock.js"></script>
<script src="components/topnav.js"></script>
<script src="components/cephalosome.js"></script>
<script src="components/my_menu.js"></script>

<script>
    var vm = new Vue({
        el: "#app",
        data: {},
        methods: {}
    })
</script>
</body>
</html>